<template>
  <router-view></router-view>
</template>

<script setup>
import { ref } from "vue";
import bus from "@/utils/bus";
let theme = ref("gba(255, 255, 255, 0.87)");
let color = ref("rgba(0, 0, 0, 0.87)");
let codeColor = ref("rgb(247,247,247)");
let tdColor = ref("606266");
bus.on("changeTopic", (e) => {
  theme.value = e ? "gba(255, 255, 255, 0.87)" : "rgb(3,3,3)";
  color.value = e ? "rgba(0, 0, 0, 0.87)" : "rgba(255, 255, 255, 0.87)";
  codeColor = e ? "rgb(247,247,247)" : "rgb(41,45,62)";
  tdColor = e ? "606266" : "gba(255, 255, 255, 0.87)";
});
</script>

<style lang="scss">
* {
  margin: 0;
  padding: 0;
}
body {
  overflow: hidden;
}
.user-all-panel {
  background-color: v-bind(theme) !important;
  color: v-bind(color);
}
.show-code-box {
  background-color: v-bind(codeColor);
}
pre code.hljs {
  background-color: v-bind(codeColor) !important;
  color: v-bind(color);
}
.title-text {
  color: v-bind(color);
}
.xj-component-left-sidenav li a {
  color: v-bind(color);
}
td {
  color: v-bind(tdColor);
}
</style>
